Ext.define('archives.view.frame.Header', {
	extend : 'Ext.panel.Panel',
 	alias: 'widget.mainHeader',
 	itemId : 'mainHeader',
	height : 78,
	border : false,
	region : 'north',
	items : [{
		fix : 1,
		html : '',
		height : 55,
		border : false,
		layout : 'border',
		/*bodyStyle : 'background-image:url(resources/images/line5.jpg)',*/
		items : [{
					region : 'center',
					html : '',
					border:false,
					bodyStyle : 'background-image:url(resources/images/line5.jpg)'
				}, {
					region : 'east',
					border:false,
					width : 300,
					itemId : 'logoff',
					bodyStyle : 'background-image:url(resources/images/line5.jpg)',
					layout : {
						type : 'hbox'
					},
					items:[{
						xtype:'button',
						text:_('Skin'),
						width:60,
						menu      : [
					        {text: 'Item 1'},
					        {text: 'Item 2'},
					        {text: 'Item 3'},
					        {text: 'Item 4'}
					    ],
						//cls:'menu',
						handler: function() {
			        		Ext.util.CSS.swapStyleSheet('theme', 'extjs/resources/css/ext-all-gray.css');
			    		}
					},{
						xtype:'button',
						text:_('Home'),
						width:60,
						//cls:'menu',
						handler: function() {
			        		Ext.util.CSS.swapStyleSheet('theme', 'extjs/resources/css/ext-all-gray.css');
			    		}
					},{
						xtype:'button',
						text:_('Stdnt Site'),
						width:60,
						//cls:'menu',
						handler: function() {
			        		Ext.util.CSS.swapStyleSheet('theme', 'extjs/resources/css/ext-all-gray.css');
			    		}
					},{
						xtype:'button',
						text:_('Swtich Language'),
						itemId:'btnSwtichLanguage',
						width:60
						//cls:'menu'
					},{
						xtype:'button',
						text:_('Sign Out'),
						itemId:'btnSignOut',
						width:60
						//cls:'menu'
					}]
				}]
	}, {
		fix : 1,
		xtype : 'panel',
		html : '',
		height : 25,
		border : false,
		bodyStyle : 'background-image:url(resources/images/line.png)'
	}]

		/*
		 * initComponent: function() { Ext.applyIf(this, { xtype: 'box', cls:
		 * 'header', region: 'north', html: '<h1>sys managerment 中文</h1>',
		 * height: 70 }); this.callParent(arguments); }
		 */
});